<form id="edit-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('User_name')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-user_name" class="form-control" name="row[user_name]" type="text" readonly value="{$row.user_name|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Grade')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-grade" class="form-control" name="row[grade]" type="text" readonly value="{$row.grade|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('School')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-school" class="form-control" name="row[school]" type="text" readonly value="{$row.school|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Sex')}:</label>
        <div class="col-xs-12 col-sm-8">
                        
            <select  id="c-sex" class="form-control selectpicker" name="row[sex]" readonly>
                {foreach name="sexList" item="vo"}
                    <option value="{$key}" {in name="key" value="$row.sex"}selected{/in}>{$vo}</option>
                {/foreach}
            </select>

        </div>
    </div>
    {foreach name="course" item="vo"}
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{$vo.title}</label>
        <div class="col-xs-12 col-sm-8">
            <div class="progress">
                <div class="progress-bar progress-bar-success progress-bar-striped active " role="progressbar" aria-valuenow="{$vo.count}" aria-valuemin="0" aria-valuemax="{$vo.section_num}" style="width:{$vo.plan}; min-width: 2em;">
                    {$vo.plan}
                </div>
            </div>
        </div>
    </div>
    {/foreach}

</form>
<style>
.progress {
    box-sizing: border-box;
    height: 30px;
}
.progress div{
    height: 30px;
    line-height: 30px;
}
</style>